@extends('plugin.hostserver.front.layout.user')
@section('content')
    <div class="container mt-5">
        <div class="row tm-content-row">
            <div class="col-12 tm-block-col">
                <div class="tm-bg-primary-dark tm-block tm-block-h-auto">
                    <h2 class="tm-block-title">{{ $title??'' }}</h2>
                    <p><a href="{{ plugin_route('hostserver.user.order') }}" class="btn btn-primary btn-sm"><span class="fa fa-backward"></span> 返回</a></p>
                    <div class="table-responsive">
                        <table class="table table-hover tm-table-small tm-product-table">
                            <thead>
                            <tr>

                                <th scope="col">类别</th>
                                <th scope="col">详情</th>


                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>服务器</td>
                                <td>{{ $data['name'] }}</td>
                            </tr>
                            <tr>
                                <td>价格</td>
                                <td><span style="color: #FF5722;">{{ $data['money'] }}</span> /月</td>
                            </tr>
                            <tr>
                                <td>cpu</td>
                                <td>{{ $data['cpu'] }} 核</td>
                            </tr>
                            <tr>
                                <td>内存</td>
                                <td>{{ $data['memory'] }} G</td>
                            </tr>
                            <tr>
                                <td>硬盘</td>
                                <td>{{ $data['disk'] }} GB {{ $data['disk_type'] }}</td>
                            </tr>
                            <tr>
                                <td>地区</td>
                                <td>{{ $data['area'] }}</td>
                            </tr>

                            <tr>
                                <td>宽带</td>
                                <td>{{ $data['bandwidth'] }} M</td>
                            </tr>
                            @if($data['feature'])
                                <tr>
                                    <td>特点</td>
                                    <td>{{ $data['feature'] }}</td>
                                </tr>
                            @endif
                            @if($data['defense_feature'])
                                <tr>
                                    <td>防御</td>
                                    <td>{{ $data['defense_feature'] }}</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <div class="clearfix"></div>
@endsection
@section('foot_js')
    <script>
        $(function () {
            $('[ data-toggle="popover" ]').popover()
        })
    </script>
@endsection